<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:41:"./views/home/mobile/account\jackpot.phtml";i:1626540154;s:67:"E:\Web\test.zztuku.com\public\views\home\mobile\common\header.phtml";i:1541935408;}*/ ?>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>每日打卡</title>
		<link rel="stylesheet" href="/static/home/mobile/css/jackpot.css" />
		
    <link rel="shortcut icon" href="clientapp/images/new_images/favicon.ico" />
<link href="/static/home/mobile/css/reset_5.css" rel="stylesheet" type="text/css" />
<link href="/static/home/mobile/css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/static/home/mobile/css/font-awesome.min.css">
<link href="/static/home/mobile/css/new_style.css" rel="stylesheet" type="text/css" />
<!-- 弹出层 -->
<link rel="stylesheet" href="/static/plugins/dialog/css/dialog.css" />
<script src="/static/home/mobile/js/jquery-2.0.3.min.js"></script>
<script src="/static/plugins/dialog/js/dialog.js"></script>
<!-- 弹出层 -->
<script type="text/javascript" src="/static/plugins/clipboard.min.js"></script>
<script type="text/javascript" src="/static/home/mobile/js/global.js?v=2"></script>
    <style>
      .popBox-mask{
          position: fixed;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          opacity: .6;
          z-index: 999;
          background-color: #000;
      }
      .popBox-content{
          position: fixed;
          left: 50%;
          top: 50%;
          transform: translate(-50%,-50%);
          z-index: 999;
      }


      /*各个弹框下的样式可以自己更改*/
      #popBox-sh .popBox-content{
          width: 100%;
          height: 420px;
          background-color: #fff;
          text-align: center;
        position:absolute;
        bottom:0;
        border-radius:1rem;
      }
      #popBox-sh .btn-close{



        margin-right:15%;
       		width:30%;
         	color:#fff;
         	background:#e5e5e5;
         	border-radius:1rem;
         	height:3rem;
         	border:none;
         	display:block;
         	position:absolute;
         	right:0;
         	bottom:5%;
      }

        #popBox-tz .popBox-mask{
          position: fixed;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          opacity: .8;
          z-index: 999;
          background-color: #000;
      }

      #popBox-tz .popBox-content{
          width: 100%;
          height: 100%;
          background:transparent;
          text-align: center;
      }
      #popBox-tz .btn-close{
          position: absolute;
          bottom: 0;
        left:0;
        height:4rem;
        width:100%;
        background:#ea4848;
        color:#fff;
        text-align:center;
        line-height:4rem;
      }

       #popBox-tz p{
       color:#fff;
       }

       .pop-title{
       	  height:5rem;
         border-bottom:1px solid #e5e5e5;
         text-align: center;
         background:#fff;
         color:#0a0a0a;
       }

       .pop-title span{width:100%;font-size:1rem;}
       .pop-title p{width:100%;font-size:1rem;font-weight:bold;margin:0;
       	line-height:inherit;
       }
       .pop-input{
  		width:80%;
         border:none;
  		border-bottom:1px solid #e5e5e5;
         display:inline-block;
         height:3rem;
         margin-top:2rem;
         text-align:center;
		}
       .pop-submit{
         	margin-left:15%;
       		width:30%;
         	color:#fff;
         	background:#ea4848;
         	border-radius:1rem;
         	height:3rem;
         	border:none;
         	display:block;
         	position:absolute;
         	left:0;
         	bottom:5%;
       }
       .pop-sure{
       		color:#ea4848;
         	margin-top:5px;
         	font-size:1.5rem;
       }

       .pop-left{
       	 float:left;
         width:50%;
       	display:inline-block;
         height:auto;
         align-items:center;
       }
       .pop-right{
       	 right:left;
         width:50%;
       	display:inline-block;
         height:auto;
         align-items:center;
       }
       .pop-block{
       	 margin-left:5%;
         margin-right:5%;
         margin-top:5px;
         background:#e5e5e5;
         width:90%;
         height:8rem;
         text-align:center;
         font-size:1rem;
       }
       .pop-block:hover{
         color:#fff;
         background:#ea4848;
       }
       .pop-block .pop-big{
       	 font-size:2rem;
       }
       body,.wap .m7 .tt{background:#111;}
       .wap .pot_top .m3 a,.wap .m4 a{background:#2F62FF;}
       .wap .m5 a{background:#2F62FF;border-color:#2F62FF;color:#e2e2e2;}
       .wap .m6 span{color:#2F62FF}
       .wap .m6 font{color:red;}
       
  </style>
	</head>
	<body>
		<div class="wap">
			
			<!--pot_top start-->
			<div class="pot_top">
			<div class="tt"><a><a onclick="history.back()" class="back" style="background:none;margin-top:0px;" >
            <img style="height:24px;" src='/static/home/mobile/images/return2.png'>
        </span></a>每日打卡</div>
				<div class="m1">明日打卡可瓜分金额(元)</div>
				<b><?php echo $all_jackpot['num']*$jc_jine; ?></b>
				<div class="m1">当前有<?php echo $today_jackpot_num; ?>人参与打卡挑战</div>
				<div class="m2">
				    <?php if(empty($baomingtouxiang)): ?>
					<span><img src="/img/wap.png"></span>
					<span><img src="/img/m01.jpg"></span>
					<span><img src="/img/wap.png"></span>
					<?php else: if(is_array($baomingtouxiang) || $baomingtouxiang instanceof \think\Collection || $baomingtouxiang instanceof \think\Paginator): $i = 0; $__LIST__ = $baomingtouxiang;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$v): $mod = ($i % 2 );++$i;?>
					<span><img src="<?php echo $v['touxiang']; ?>"></span>
					<?php endforeach; endif; else: echo "" ;endif; endif; ?>
				</div>
				<div class="m3"><a href="#" class="cd-popup-trigger">挑战规则</a></div>
				<div class="x1"><img src="/img/m04.png"></div>
				<div class="x2"><img src="/img/m05.png"></div>
				<div class="x3" onclick="wode()">
					<img src="/img/m06.png">
					我的战绩
				</div>
			</div>
			<!--pot_top end-->
			<div style="clear: both;"></div>
			<!--m4 start-->
			<div class="m4" id="open-box"><a href="#">参与挑战</a></div>
			<!--m4 end-->
			<!--m5 start-->
			<div class="m5"><a href="/home/invite.html">邀请好友加入挑战</a></div>
			<!--m5 end-->
			<!--m6 start-->
			<div class="m6">
				<b>昨日战况</b>
				<span><?php echo $all_jackpot['overnum']; ?></span>成功
				<font><?php echo $all_jackpot['ysetoday_num']-$all_jackpot['overnum']; ?></font>失败
			</div>
			<!--m6 end-->
			<div style="clear: both;"></div>
			<!--m7 start-->
			<div class="m7">
				<div class="tt">
					<b>人气悬赏推荐</b>
					这些悬赏还不错，推荐给您过过目
				</div>
				<ul>
				    <?php if(is_array($tasks) || $tasks instanceof \think\Collection || $tasks instanceof \think\Paginator): $i = 0; $__LIST__ = $tasks;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$v): $mod = ($i % 2 );++$i;?>
					<li>
						<span><img src="<?php echo $v['touxiang']; ?>"></span>
						<dd>
							<b><?php echo $v['title']; ?></b>
							<?php echo $v['join_num']; ?>人已赚到赏金剩<?php echo $v['ticket_num']-$v['join_num']; ?>个名额
						</dd>
						<font>+<?php echo $v['unit_price']; ?>元</font>
					</li>
					<?php endforeach; endif; else: echo "" ;endif; ?>
				</ul>
			</div>
			<!--m7 end-->
		</div>
		<!--弹窗-->
	<div class="cd-popup" role="alert">
			<div class="wen">
				<h2>规则说明</h2>
				<h4>助你养成日赚斗金好习惯</h4>
				<p>每日挑战可以根据自身能力报名份数，最高10份</p>
				<p>每支付1元报名，就要完成1个任务才能瓜分奖池</p>
				<p>每支付1元报名以后，完成1个任务（需商户审核通过）就可参与奖池瓜分</p>
				<p>若支付报名以后，没有完成当日相应的任务数量，则打卡失败，金额不退，你的报名费将瓜分给成功的用户!报名的时候请仔细阅读细则！</p>
			</div>
			<div class="close"><a href="#" class="cd-popup-close"> × </a></div>
		</div>
		
		<div class="popBox" id="popBox-sh" style="display:none;">
                <div class="popBox-mask"></div>
                <div class="popBox-content">
                  <div class="pop-title">
                  	<span>报名时间0:00-22:00</span>
                    <p>瓜分挑战</p>
                  </div>


                  <div class="pop-left">
                  	<a href="javascript:void(0)" id="click1">
                      <div class="pop-block">
                          <br>
                      	<span class="pop-big" id="num1">1</span>份
                        <p>小试牛刀</p>
                      </div>
                    </a>
                    <a href="javascript:void(0)" id="click2">
                      <div class="pop-block">
                          <br>
                      	<span class="pop-big" id="num2">5</span>份
                        <p>锋芒必露</p>
                      </div>
                    </a>
                  </div>
                  <div class="pop-right">
                  	<a href="javascript:void(0)" id="click3">
                      <div class="pop-block">
                          <br>
                      	<span class="pop-big" id="num3">2</span>份
                        <p>出手不凡</p>
                      </div>
                    </a>
                    <a href="javascript:void(0)" id="click4">
                      <div class="pop-block">
                          <br>
                      	<span class="pop-big" id="num4">10</span>份
                        <p>心狠手辣</p>
                      </div>
                    </a>
                  </div>

                  <p class="pop-sure">已阅读并同意挑战规则</p>
                  <input class="pop-input" type="text" placeholder="输入参与份数" name="" id="num">
                  <input id="close-box"class="btn-close" type="button"   value="取消">
                  <input id="sure"class="pop-submit" type="button"   value="确认">
                </div>
              </div>
		<script src="/static/home/mobile/js/main.js"></script>
		<script>
		function wode(){
		    window.location.href="/home/account/my_jackpot.html";
		}
		    document.getElementById("open-box").onclick=function(){
              document.getElementById("popBox-sh").style.display="block";
            }

              document.getElementById("close-box").onclick=function(){
                    document.getElementById("popBox-sh").style.display="none";
              }

            document.getElementById("sure").onclick=function(){
                document.getElementById("popBox-sh").style.display="none";
              }
              
              $('#click1').click(function(){
                 $('#num').val($('#num1').html());
                })
            $('#click2').click(function(){
                 $('#num').val($('#num2').html());
                })
            $('#click3').click(function(){
                 $('#num').val($('#num3').html());
                })
            $('#click4').click(function(){
                 $('#num').val($('#num4').html());
                })
              
              
              
              $('.pop-submit').click(function () {
                var num = $('#num').val();
                if(num==''){
                 message('请输入参与份数','','error');
                 return false;
                }
                $.post(
                    window.location.href,
                    {
                        num:num
                    },
                    function (ret) {
                        message(ret.message,'','success');
                      	window.location.reload();
                    },'json'
                );
            });

		</script>
	</body>
</html>
